<%--
  Created by IntelliJ IDEA.
  User: HP
  Date: 2020/6/8
  Time: 8:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"  %>
<%@page isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <%@include file="/common/com.jsp"%>
    <link rel="stylesheet" href="/css/index.css" type="text/css">
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>

<div id="root">

    <div class="layout">
        <Layout>
            <Header>
                <i-Menu mode="horizontal" theme="dark" active-name="1">
                    <div class="layout-nav">
                        <h3 style="color:white">LdCms管理后台V1.0</h3>
                        <i-button type="primary" size="small" style="position:relative;top:-30px;left:990px;" @click="logout()">退出</i-button>
                    </div>
                </i-Menu>
            </Header>

            <Layout>

               <Sider hide-trigger :style="{background: 'lightblue'}">
                    <i-Menu active-name="1-2" theme="light" width="auto" :open-names="['1']">
                        <c:forEach items="${menulist}" var="p01" varStatus="status01">
                            <Submenu name="${status01.count}">
                                <template slot="title">
                                    <Icon type="${p01.icon}"></Icon>
                                        ${p01.name}
                                </template>
                                <c:forEach items="${p01.children}" var="p02" varStatus="status02">
                                    <Menu-Item name="${status01.count-status02.count}">
                                        <a href="${p02.url}" target="main">${p02.name}</a>
                                    </Menu-Item>
                                </c:forEach>
                            </Submenu>
                        </c:forEach>
                    </i-Menu>
                </Sider>

                 <%-- <Sider hide-trigger :style="{background: '#fff'}">
                      <i-Menu active-name="1-2" theme="light" width="auto" :open-names="['1']" hide-trigger :style="{background: '#c5c8ce'}" >
                          <Submenu name="1">
                              <template slot="title">
                                  <Icon type="ios-navigate"></Icon>
                                  采购管理
                              </template>
                              <Menu-Item name="1-1">
                                  <a href="sm/purchase/index" target="main">采购订单</a>
                              </Menu-Item>
                              <Menu-Item name="1-2">
                                  <a href="" target="main">采购明细</a>
                              </Menu-Item>
                              <Menu-Item name="1-3">
                                  <a href="sm/root/index" target="main">采购人员</a>
                              </Menu-Item>
                              <Menu-Item name="1-4">
                                  <a href="sm/stockgoods/index" target="main">库存清单</a>
                              </Menu-Item>
                              <Menu-Item name="1-4">
                                  <a href="sm/supper/index" target="main">供应商管理</a>
                              </Menu-Item>
                              <Menu-Item name="1-5">
                                  <a href="sm/staff/index" target="main">员工管理</a>
                              </Menu-Item>
                              <Menu-Item name="1-6">
                                  <a href="sm/posit/index" target="main">职位管理</a>
                              </Menu-Item>
                          </Submenu>
                      </i-Menu>
                  </Sider>--%>

                <Layout :style="{padding: '0 24px 24px'}">
                    <i-Content :style="{minHeight: '500px', background: '#fff'}">
                        <iframe name="main" width="100%" height="100%" frameborder="0"></iframe>
                    </i-Content>
                </Layout>
            </Layout>
        </Layout>
    </div>
    </Layout>
</div>
</body>
<script>
    new Vue({
        el:"#root",
        methods:{
            logout(){
                location.href = "${pageContext.request.contextPath}/logout1";//get方式重定向

            }
        }
    })
</script>
</html>
